<template>
	<view class="ctn">
		<view class="main">
			<view class="li-img">
				<image src="https://img.wenhairu.com/images/2021/08/03/9lTku.png" mode="" class="yesImg"></image>
				<text class="pay-state">绑定银行卡成功</text>

			</view>

		</view>
	</view>
</template>

<script>
	export default {
		mounted() {
			setTimeout(() => {
				uni.navigateTo({
					url: "../../wealth/funds/paymentMethod/paymentMethod"
				})
			}, 2000)
		}
	}
</script>

<style lang="scss" scoped>
	* {
		box-sizing: border-box;
	}

	.ctn {
		height: 80vh;
		width: 100vw;
		box-sizing: border-box;
		// border: 1px solid red;
		padding: 200rpx 70rpx;
	}

	.main {
		display: flex;
		flex-direction: column;
		align-items: center;
		// margin-top: 200rpx;
		// padding: 0 70rpx;
		box-sizing: border-box;

		// border: 1px solid red;
		.li-img {
			display: flex;
			flex-direction: column;
			align-items: center;
			font-size: 28rpx;
			color: #666;

			.pay-state {
				margin-top: 50rpx;
				margin-bottom: 30rpx;
				font-weight: bold;
				font-size: 32rpx;
				color: rgb(0, 0, 0);
			}

			.yesImg {
				width: 120rpx;
				height: 120rpx;
			}

			.pay-time {
				color: #3476f1;
			}
		}

		.btn {
			width: 100%;
			margin-top: 134rpx;
			display: flex;
			justify-content: space-between;

			.left,
			.right {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 28rpx;
				color: #666;
				width: 290rpx;
				height: 88rpx;
				border: 2rpx solid #ccc;
				border-radius: 4rpx;
			}

			.active {
				border: 2rpx solid #3476f1;
			}
		}
	}
</style>
